<template>
	<view>
		<page-head headTitle="消息中心" rightWords="全部已读" :returnButton="true" @clickLeftReturn="clickLeftReturn" @clickRight="clickRight"></page-head>
		<view class="m-t9 bg-white">
			<view class="p-l-r p-t-b3 flex justify-between border-botton">
				<view class="flex align-center min-width">
					<view class="position-r">
						<image src="/static/logo.png" class="border-r1 my-image mr" mode="widthFix"></image>
						<text class="badge">99+</text>
					</view>
					<view class="flex-1 overflow">
						<view class="flex justify-between"><text class="fs-32">累老师</text><text class="input-goods">10/10</text></view>
						<view class="flex white-space input-goods">您好，我我想找一个本地的导游，您看有时间吗？</view>
					</view>
				</view>
			</view>
			<view class="p-l-r p-t-b3 flex justify-between border-botton">
				<view class="flex align-center min-width">
					<view class="position-r">
						<image src="/static/logo.png" class="border-r1 my-image mr" mode="widthFix"></image>
						<text class="badge border-r1">3</text>
					</view>
					<view class="flex-1 overflow">
						<view class="flex justify-between"><text class="fs-32">累老师</text><text class="input-goods">刚刚</text></view>
						<view class="flex white-space input-goods">您好，我我想找一个本地的导游，您看有时间吗？</view>
					</view>
				</view>
			</view>
			<view class="p-l-r p-t-b3 flex justify-between border-botton">
				<view class="flex align-center min-width">
					<view class="position-r">
						<image src="/static/logo.png" class="border-r1 my-image mr" mode="widthFix"></image>
						<text class="badge border-r1">3</text>
					</view>
					<view class="flex-1 overflow">
						<view class="flex justify-between"><text class="fs-32">累老师</text><text class="input-goods">12:00</text></view>
						<view class="flex white-space input-goods">您好，我我想找一个本地的导游，您看有时间吗？</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
import pageHead from '@/components/common/page-head.vue'
	export default {
		components:{
			pageHead
		},
		data() {
			return {
				
			}
		},
		methods: {
			clickLeftReturn(){
				uni.navigateBack({
				    delta: 1
				});
			},
			clickRight(){
				
			}
			
		}
	}
</script>

<style scoped>
.my-image{width: 120rpx;height: 120rpx;}
.badge{position: absolute;left: 70rpx;top: -6rpx;color: #FFFFFF; border-radius: 42%; background-color: #FF4141;padding:2rpx 12rpx;line-height: 1.3;}
</style>
